<%@page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<link rel="stylesheet" type="text/css" href="/js/advanced/committee.css">

<div id="cc1" class="cont" style="display:none;background-image: url(/img/advanced2.png);">
    <span class="column">召开党支部委员会的一般程序</span>
    <div class="content01">

        <span class="textCommittee">会前准备</span>
        <div class="contai">
            <div id="xx1" class="">按照上级提示精神和本单位的实际情况确定议题</div>
            <span id="xx11" class="">支部书记</span>
        </div>

        <div class="contai">
            <div id="xx2" class="active">准备初步意见或方案</div>
            <span id="xx22">支部书记</span>
        </div>

        <div class="contai">
            <div id="xx3">将地点和议题通知各委员</div>
            <span id="xx33">支部书记</span>
        </div>
    </div>

    <div class="xxx" id="cc3" style="display:none;">
        <button  type="button" class="btn btn-danger btn-sm" onclick="window.location.href='/meeting/list?flag=0&isShowAddButton=1'"
                 style="width: 70px;height: 30px;top: 51px;left: 363px;">发起流程</button>
        <button   type="button" class="btn btn-danger btn-sm" onclick="window.location.href='/meeting/list?flag=0'"
                  style="width: 44px;height: 30px;top: 51px;left: 363px;">关闭</button>
    </div>
    <div class="xxx" id="cc2" style="display:none;">
        <div>
            <button  type="button" class="btn btn-danger btn-sm" onclick="exit0(${meeting_type})"
                     style="width: 60px;height: 30px;top: 51px;left: 363px;">关&nbsp;&nbsp;闭</button>
        </div>
    </div>
    <div class="content02">
        <span class="textCommittee">召开会议</span>
        <div class="contai">
            <div id="hh1" class="active3">
                <span>宣布议题：</span>
                向与会人员讲明议题和讨论要求。<br />
                <span>做好记录：</span>
                组织委员负责会议记录。
            </div>
            <span id="hh11">支部书记/组织委员</span>
        </div>

        <div class="contai">
            <div id="hh2" >
                <span>展开讨论：</span>
                围绕议题，充分发表自己的意见。<br />
                <span>适时归纳：</span>
                在各位委员充分讨论，发发表意见后，归纳正确的意见
            </div>
            <span id="hh22">支部书记</span>
        </div>

        <div class="contai">
            <div id="hh3">
                <span>形成决议：</span>
                在需要对题议形成决议时，到会人员超过支委票数时，由支部书记提出表决，按少数服从多数的原则作出决议。
            </div>
            <span id="hh33">支部书记</span>
        </div>

        <div class="contai">
            <div id="hh4">
                <span>明确分工：</span>对具体落实支委员会的决定，要做好明确分工。
            </div>
            <span id="hh44">支部书记</span>
        </div>
    </div>

    <div class="content03">
        <span class="textCommittee">会后工作</span>
        <div class="contai">
            <div id="ff1">必要时向上级党组织汇报</div>
            <span id="ff11">支部书记</span>
        </div>

        <div class="contai">
            <div id="ff2">按分工具体贯彻落实</div>
            <span id="ff22">支部书记</span>
        </div>

        <div class="contai">
            <div id="ff3">组织委员整理记录归档</div>
            <span id="ff33">支部书记/组织委员</span>
        </div>
    </div>
</div>

<div>
    <script>

        function type0(id ,type){
            $.ajax({
                type: "post",
                url: "/advanced/flow",
                data: {id: id, type: type},
                dataType: "json",
                success: function (data) {
                    $("#mt1").hide();
                    $("#mt1").hide();
                    $("#mt2").hide();
                    $("#mt3").hide();
                    $("#meetingTable").hide();
                    $("#top").hide();
                    $("#cc1").show();
                    $("#cc2").show();
                    $("#spanl").hide();
                    $("#xx1").addClass("active1");
                    $("#xx11").addClass("active2");
                    $("#xx2").addClass("active1");
                    $("#xx3").addClass("active1");
                    $("#xx22").addClass("active2");
                    $("#xx33").addClass("active2");


                    if (data.date <= 2) {
                        $("#hh1").addClass("active1");
                        $("#hh11").addClass("active2");
                        $("#hh2").addClass("active1");
                        $("#hh3").addClass("active1");
                        $("#hh22").addClass("active2");
                        $("#hh33").addClass("active2");
                        $("#hh4").addClass("active1");
                        $("#hh44").addClass("active2");
                        $("#hh44").addClass("active2");

                        $("#ff1").removeClass("active1");
                        $("#ff11").removeClass("active2");
                        $("#ff2").removeClass("active1");
                        $("#ff22").removeClass("active2");
                        $("#ff3").removeClass("active1");
                        $("#ff33").removeClass("active2");
                        $("#cc2").show();
                    }if (data.date > 2 || data.state == 96) {
                        $("#xx1").addClass("active1");
                        $("#xx11").addClass("active2");
                        $("#xx2").addClass("active1");
                        $("#xx22").addClass("active2");
                        $("#xx3").addClass("active1");
                        $("#xx33").addClass("active2");

                        $("#hh1").removeClass("active1");
                        $("#hh11").removeClass("active2");
                        $("#hh2").removeClass("active1");
                        $("#hh22").removeClass("active2");
                        $("#hh3").removeClass("active1");
                        $("#hh33").removeClass("active2");
                        $("#hh4").removeClass("active1");
                        $("#hh44").removeClass("active2");

                        $("#ff1").removeClass("active1");
                        $("#ff11").removeClass("active2");
                        $("#ff2").removeClass("active1");
                        $("#ff22").removeClass("active2");
                        $("#ff3").removeClass("active1");
                        $("#ff33").removeClass("active2");


                        $("#cc3").hide();
                        $("#top").hide();
                        $("#cc2").show();
                        $("#mt1").hide();
                        $("#mt2").hide();
                        $("#mt3").hide();
                        $("#meetingTable").hide();
                        document.getElementById("toph").style.cssText = "padding:76px 15px 0 0;";
                    }
                    if (data.state == 99) {
                        $("#ff1").addClass("active1");
                        $("#ff11").addClass("active2");
                        $("#ff2").addClass("active1");
                        $("#ff22").addClass("active2");
                        $("#ff3").addClass("active1");
                        $("#ff33").addClass("active2");
                        $("#cc1").show();
                        $("#top").hide();
                        $("#cc2").show();
                        $("#mt1").hide();
                        $("#mt2").hide();
                        $("#mt3").hide();
                        $("#meetingTable").hide();
                        document.getElementById("toph").style.cssText = "padding:76px 15px 0 0;";
                    }
                    if (data.data == 0) {
                        alert("系统错误，请联系管理员。")
                    }
                }
            })
        }

        function exit0()
        {
            $("#cc2").hide();
            $("#top").show();
            $("#cc1").hide();
            $("#mt1").show();
            $("#mt2").show();
            $("#mt3").show();
            $("#meetingTable").show();
            $("#spanl").show();
            document.getElementById("toph").style.cssText = "padding:95px 15px 0 0;";
        }
    </script>
</div>



